<template>
  <div class="back">
    <van-row type="flex">
      <van-col span="4"><van-icon name="arrow-left" size="20" @click="back"/></van-col>
      <van-col span="16">电影详情</van-col>
      <van-col span="4" v-show="Home" @click="toHome" >首页</van-col>
    </van-row>
  
  </div>
</template>

<script>
export default {
  name: "VueMovieComeBack",
props:{
  title:{
    type:String,
    default:""
  },
  Home:{
    type:Boolean,
    default:false
  }
},
  data() {
    return {};
  },

  mounted() {},

  methods: {
    back(){
      this.$router.go('-1');
    },
    toHome(){
      this.$router.push('/home');
    }
  },
};
</script>

<style lang="less" scoped>
.back{
  width: 100%;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 16px;

  .van-col:nth-child(3),
  .van-col:nth-child(2){
    text-align: center;
  }
 
}
</style>